/*È«¾Ö*/

::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; }
::-webkit-scrollbar-track { border-radius: 10px; background-color: #E2E2E2; }
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555; }
* { padding: 0; margin: 0; font-family: "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }
body { font: 14px/1.231 "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0; line-height: 1.5; }
:focus { outline: 1; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
li, ul { list-style-type: none; }
img { border: none; }
a { color: #333; font-size: 14px; text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
a:link, a:hover, a:active, a:visited {  text-decoration: none;  }
input, textarea {  outline: 0;  border: 0;  }
textarea {  resize: none;  }
h1, h2, h3, h4, h5, h6, dl, dd, dt, em {  font-weight: normal;  font-style: normal; }

/*banner*/
.slideBox { width: 100%; position: relative; z-index: 0; height: 600px; overflow: hidden;}
.slideBox .hd  { position: absolute; right: 20%; bottom: 10px;}
.slideBox .hd ul li { float: left; margin-right:10px; width:10px; height:10px; cursor: pointer; background-color: #272b31;}
.slideBox .hd ul li.on { background-color:#cb1a18 ; }
.slideBox .bd { width: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1;}
.slideBox .bd li a { display: block; width: 100%; height: 600px;}

/*part1*/
.part1 { border-bottom: 1px solid #747b81; }
.part1 .part1_l { width: 800px; margin: 20px 0 ; background: url("../images/icon3.png") no-repeat left center; padding-left: 70px; height: 55px; overflow: hidden;}
.part1 .part1_l .bd { padding-top: 10px;}
.part1 .part1_l .bd ul {height: 21px;line-height: 21px;}
.part1 .part1_l .bd li { background: url("../images/icon4.png") no-repeat left center;  padding-left:10px; float: left; width: 350px;height: 21px;}
.part1 .part1_l .bd li a { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.part1 .part1_r { width: 307px; margin: 20px 0 ;}
.part1 .part1_r .search { }
.part1 .part1_r .search input.text{ width:255px; height:28px; float: left;  background-color: #fff; border: 1px solid #808080; padding-left: 10px;}
.part1 .part1_r .search input.submit{ width:40px; height:30px; float: left;  background: url("../images/search.png") no-repeat center #808080; }
.part1 .part1_r .hot { overflow: hidden; margin-top: 8px; height: 20px; }
.part1 .part1_r .hot span{ font-size: 14px; font-weight: bold; padding-right: 10px;}
.part1 .part1_r .hot a{ padding-right: 15px;}

/*title*/
.title { margin: 40px 0; text-align: center;}
.title h3 { font-size: 20px; font-weight: bold; color: #1a1a1a;}
.title i { display: block; width: 50px; height: 3px; background-color: #b8251d; margin: 10px auto; }
.title h4 { font-size: 14px; color: #808080; text-transform: uppercase; }

/*base*/
.base .content .list img { width: 295px; height: 197px; display: block;}
.base .content .list .word  { text-align: center; width: 295px; height: 197px;}
.base .content .li1 .word  { border-top: 1px solid #e5e5e5;}
.base .content .li2 .word  { border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; width: 294px;}
.base .content .li3 .word  { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; width: 294px;}
.base .content .li4 .word  { border-bottom: 1px solid #e5e5e5; }
.base .content .list .word h4 { font-size: 20px; font-weight: bold; margin-top: 20px;}
.base .content .li1 .word i,.base .content .li2 .word i { display: block; background: url("../images/icon5.png") no-repeat center; height: 30px; margin:6px 0;}
.base .content .li3 .word i,.base .content .li4 .word i { display: block; background: url("../images/icon6.png") no-repeat center; height: 30px; margin:6px 0;}
.base .content .list .word p { text-align: left; width: 228px; margin: 0 auto; line-height: 28px;}

/*product*/
.product{ padding: 60px 0;}
.product .product_left { width:300px; background: url("../images/pro-lf.png") no-repeat center; height: 723px; text-align: center; }
.product .product_left .hd h2 { margin-top: 10px;}
.product .product_left .hd h2 a{ font-size:24px; font-weight: bold; color:#fff; }
.product .product_left ul { margin-top: 70px; overflow: hidden;}
.product .product_left ul li { background: url("../images/icon7.png") no-repeat center 7px; margin:0 0 12px 18px; height: 25px; }
.product .product_left ul li a { display: block; width:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.product .product_left ul li:hover a { color: #be0303;}
.product .product_right { width:859px; height: 724px; overflow: hidden; }
.product .product_right .right_box .hd  li { float:left;  width: 184px; height: 52px; line-height:52px; text-align: center; background-color: #4d4d4d; margin-right: 40px;}
.product .product_right .right_box .hd  li a { color:#fff; font-size:16px; font-weight:bold; }
.product .product_right .right_box .hd  li.on {  background-color: #be0303; }
.product .product_right .right_box .hd .more { float:left;  width: 184px; height: 52px; line-height:52px; text-align: center; background-color: #4d4d4d;}
.product .product_right .right_box .hd .more a { color:#fff; font-size:16px; font-weight:bold;}
.product .product_right .right_box .hd .more:hover { background-color: #be0303; }
.product .product_right .right_box .bd li { float:left; width:268px;  margin-top:30px; margin-right:27px; background-color: #e6e6e6}
.product .product_right .right_box .bd li.pic3,.product .product_right .right_box .bd li.pic6{ margin-right:0;}
.product .product_right .right_box .bd li img { width:252px; height:252px; padding: 8px 8px 0;}
.product .product_right .right_box .bd li p{ text-align: center; line-height:40px; height:40px; overflow:hidden;}
.product .product_right .right_box .bd li:hover { background-color: #4d4d4d; }
.product .product_right .right_box .bd li:hover p{ color: #fff;}

/*ad1*/
.ad1 { background: url("../images/ad1.jpg") no-repeat center; width: 100%; height: 185px;}
.ad1 .ad1_box .word { margin-top: 46px; }
.ad1 .ad1_box .word h4 { font-size: 20px; color: #fff; font-weight: bold;}
.ad1 .ad1_box .word h5 { font-size: 12px; text-transform: uppercase; color: #fff;}
.ad1 .ad1_box .word ul { background-color: #575757; padding:10px 0 10px 20px; width: 370px;}
.ad1 .ad1_box .word ul li { font-size: 16px; color: #fff; float: left; background: url("../images/icon8.png") no-repeat left center; padding-left: 20px; margin-right: 28px;}
.ad1 .ad1_box .tel { margin-top: 70px;}
.ad1 .ad1_box .tel .num { color: #fff; text-align: right; line-height: 22px; margin-right: 15px;}
.ad1 .ad1_box .tel .num h5 { font-size: 14px;}
.ad1 .ad1_box .tel .num h6 { font-size: 26px; font-family: Arial;}
.ad1 .ad1_box .tel .more{ color: #be0303; border: 3px solid #be0303; padding:6px 36px; font-size: 18px; font-weight: bold;}

/*success*/
.success { position: relative}
.success .bd { height: 324px; overflow: hidden;}
.success ul { margin-top: 20px;}
.success ul li { float: left; width: 379px; margin-right:21px;}
.success ul li img { width: 100%; height: 252px; display: block;}
.success ul li h5 { font-size: 16px; color: #1a1a1a;  text-align: center; margin: 10px 0;}
.success ul li:hover h5 { color: #be0303; }
.success ul li p { line-height: 28px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.success ul li:hover p {color: #be0303;}

/*case*/
.xc_all{ width:100%; background: url("../images/case.jpg") no-repeat center; height: 571px; margin-top: 40px;}
.xc_all .xc{ width:1180px; margin:auto; position:relative; }
.xc_all .xc .title { padding-top: 45px;}
/*Ïà²á*/
.case { position:absolute; top:150px; left:183px; height: 380px; overflow: hidden;}
.case .case-tit { text-align: center;  }
.case .case-tit a { font-size: 40px; color: #2e9c0c; }
.case .case-c { height: 380px; width:820px; }
.case .case-c li { height: 348px; width: 536px; text-align: center; cursor: pointer; position:relative; }
.case .case-c li img { width: 100%; height: 100%; border: 3px solid #ccc; box-sizing: border-box;}
.case .case-c li.roundabout-in-focus { cursor: default; }
.case .case-c li span { position:absolute; z-index:9; bottom:0;  display: none; width: 100%; height: 46px; line-height: 46px; font-size: 16px; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; background:#000; opacity:0.7; }
.case .case-c li span a{ color:#fff;}
.case .case-c .roundabout-in-focus span { display: block; }

/*chose*/
.chose { width: 100%; background: url("../images/chose.jpg") no-repeat center; height: 680px;}
.chose .title { margin: 0; padding: 50px 0 60px;}
.chose .title h3 { color: #fff;}
.chose .title h4 { color: #fff;}
.chose .content .above { height: 431px; overflow: hidden;}
.chose .content .above .list { width: 100%; height: 431px; position: relative;}
.chose .content .above .list .pic img { width: 100%; height: 100%;}
.chose .content .above .list .word { width: 484px; height: 166px; background: url("../images/hei.png"); position: absolute; top:100px; right: 100px;}
.chose .content .above .list .word i { display: block; width: 42px; height: 89px; position: absolute; top:-15px; right: 422px;}
.chose .content .above .li1 .word i { background: url("../images/ct1.jpg") no-repeat center;}
.chose .content .above .li2 .word i { background: url("../images/ct2.jpg") no-repeat center;}
.chose .content .above .li3 .word i { background: url("../images/ct3.jpg") no-repeat center;}
.chose .content .above .li4 .word i { background: url("../images/ct4.jpg") no-repeat center;}
.chose .content .above .list .word h4 { font-size: 18px; font-weight: bold; color: #fff; margin:30px 0 10px 80px;}
.chose .content .above .list .word p { color: #fff; line-height: 28px; margin-left: 80px;}
.chose .content .below { margin-top: 13px;}
.chose .content .below .list { float: left; width: 285px; margin-right: 13px;}
.chose .content .below .list.li4 { margin-right:0;}
.chose .content .below .list .pic { width: 100%; height: 116px; position: relative}
.chose .content .below .list .pic img { width: 100%; height: 100%;}
.chose .content .below .list .bg { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: url("../images/hei2.png");}
.chose .content .below .list.on .bg { background: none;}
.chose .content .below .list .tit { text-align: center; color: #fff; line-height: 40px; font-size: 16px;}

/*ad2*/
.ad2 { background: url("../images/ad2.jpg") no-repeat center; width: 1180px; height: 216px; position: relative; margin: 40px auto; }
.ad2 .word  {  margin-left: 40px; }
.ad2 .word h4 { font-size: 18px; margin-top: 40px; }
.ad2 .word h5 { font-size: 26px; font-weight: bold; color: #1a1a1a; margin-bottom: 20px; }
.ad2 .num { line-height: 22px; margin-left: 15px;}
.ad2 .num p { font-size: 14px; color: #666;}
.ad2 .num h6 { font-size: 26px; color: #be0303; }
.ad2 .more{ color: #be0303; border: 3px solid #be0303; padding:6px 36px; font-size: 18px; font-weight: bold;}
.ad2 .message { margin: 27px 44px 0 0; }
.ad2 .message .tit { position: absolute; top:0; right:427px; background-color: #be0303; width: 78px; height: 78px; }
.ad2 .message .tit p { color: #fff; width: 50px; font-size: 20px; letter-spacing:5px; line-height: 30px; margin: 10px auto; }
.ad2 .message .name input,.ad2 .message .phone input { background-color: #fff; border: 1px solid #999; width: 263px; height: 26px; }
.ad2 .message .name { margin-bottom: 10px; }
.ad2 .message .phone { margin-bottom: 10px; }
.ad2 .message .name span,.ad2 .message .phone span{ letter-spacing: 26px; }
.ad2 .message .need textarea{ background-color: #fff; border: 1px solid #999; width: 263px; height: 52px; margin-left: 28px; }
.ad2 .message .sub input { width: 70px; height: 26px; color: #fff; background-color: #be0303; margin: 10px 0 0 150px;}

/*flow*/
.flow .content { width: 100%; background: url("../images/flow.jpg") no-repeat center; height: 597px; position: relative;}
.flow .content p { position: absolute; font-size: 22px; font-weight: bold; color: #fff;}
.flow .content p.p1 { top:150px; left: 80px;}
.flow .content p.p2 { top:150px; left: 380px;}
.flow .content p.p3 { top:150px; left: 726px;}
.flow .content p.p4 { top:150px; left: 1004px;}
.flow .content p.p5 { top:298px; left: 250px;}
.flow .content p.p6 { top:298px; left: 544px;}
.flow .content p.p7 { top:298px; left: 855px;}
.flow .content p.p8 { top:436px; left: 383px;}
.flow .content p.p9 { top:436px; left: 707px;}

/*witness*/
.witness .witness_list { height: 454px; overflow: hidden; }
.witness .bd .tempWrap{  width: 100%!important; }
.witness .bd ul{ overflow:hidden; zoom:1;}
.witness .bd ul li{ margin-left: 30px; float:left; text-align:center; position: relative; width: 273px; height: 454px;}
.witness .bd ul li .list { height: 443px; border: 2px solid #808080; }
.witness .bd ul li .list:hover { border: 2px solid #be0303; }
.witness .bd ul li .list .pic{ width: 239px; height: 212px; padding:15px; }
.witness .bd ul li .list .pic img{ width:100%; height:100%; display:block; }
.witness .bd ul li .list .title3 { text-align: center; padding: 0 20px; }
.witness .bd ul li .list .title3 h4 { font-size: 18px; padding: 10px 0;}
.witness .bd ul li .list .title3 p { line-height: 28px; height: 112px; overflow: hidden;}
.witness .bd ul li .list .title3 .more { position: absolute; bottom:0; left: 50%; margin-left: -20px; padding:0 10px; background-color: #f2f2f2;}
.witness .bd ul li .list .title3 .more span { color:#fff; background-color: #808080; display: block; width: 20px; height: 20px; line-height: 20px;}
.witness .bd ul li .list:hover .title3 .more span { background-color: #be0303 }
.witness .tel2 { padding-top: 20px;}
.witness .more { position: absolute; bottom:28px; left:50%; margin-left: -27px; }
.witness .more a { color: #fff; font-size: 16px;}

/*about*/
.about { background: url("../images/ab.jpg") no-repeat center; width: 100%; height: 342px; margin: 40px 0;}
.about .about_box .ad3 { margin:50px 0 0 60px; width: 210px; }
.about .about_box .ad3 p { color: #fff; text-align: center; line-height: 28px; }
.about .about_box .ad3 .tel { margin-top: 50px; }
.about .about_box .ad3 .tel h4 { color: #fff; }
.about .about_box .ad3 .tel h5 { color: #fff; font-size: 26px; margin-bottom: 10px;}
.about .about_box .ad3 .tel a { color: #fff; border: 1px solid #fff; padding: 6px 38px; }
.about .about_box .ab { width: 811px; padding-top:40px;}
.about .about_box .ab .tit2 { border-left: 5px solid #be0303; padding-left: 10px; position: relative;}
.about .about_box .ab .tit2 h3 { color: #fff; font-size: 20px; }
.about .about_box .ab .tit2 p { color: #666; }
.about .about_box .ab .tit2 .more { position: absolute; bottom:0; right:0; color: #fff; }
.about .about_box .ab .word p { color: #999; line-height: 28px; height: 224px; overflow: hidden; margin-top:20px;}

/*company*/
.company {  margin-top: 30px; height: 302px; overflow: hidden;}
.company .photo{  position:relative; margin-top: 45px; width: 1180px; padding-top: 15px;}
.company .photo .hd span { display:block; width:590px; height:24px; cursor:pointer; position: absolute;}
.company .photo .hd .prev { left:435px; top:-40px; background:url("../images/arrow6.png") no-repeat;}
.company .photo .hd .next{ left:0; top:-40px; background: url("../images/arrow5.png") no-repeat; }
.company .photo .bd{ overflow: hidden; height: 242px;}
.company .photo .bd .tempWrap{ width:100%!important; }
.company .photo .bd ul{ overflow:hidden; zoom:1; }
.company .photo .bd ul li{ margin-right:35px; float:left; overflow:hidden; width:259px;  }
.company .photo .bd ul li .pic img{ width:227px; height:149px; display:block; padding:15px; border: 1px solid #707070;}
.company .photo .bd ul li .tit { text-align: center; line-height: 60px; border-bottom: 1px solid #707070;}
.company .photo .bd ul li .tit a{  color: #707070; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.company .photo .bd ul li:hover .tit {   border-bottom: 1px solid #be0303; }
.company .photo .bd ul li:hover .tit a{  color: #be0303; }
.company .honor { width: 290px; position:relative;}
.company .honor .honor_tit h3 a { display: block; background: url("../images/honor-tit.png") no-repeat left center; padding-left:110px; font-size: 22px; color: #be0303}
.company .honor .hd span { display:block; width:149px; height:24px; cursor:pointer; position: absolute;}
.company .honor .hd .prev { left:138px; top:290px; background:url("../images/arrow8.png") no-repeat;}
.company .honor .hd .next{ left:-18px; top:290px; background: url("../images/arrow7.png") no-repeat; }
.company .honor .bd{ overflow: hidden; padding-top: 25px;}
.company .honor .bd .tempWrap{ width:100%!important; }
.company .honor .bd ul{ overflow:hidden; zoom:1; }
.company .honor .bd ul li{ float:left; overflow:hidden; text-align: center; margin-right: 23px;}
.company .honor .bd ul li .pic img{ width:267px; height:186px; display:block;  }
.company .honor .bd ul li .tit a{ color: #707070; line-height:50px; }

/*news*/
.new .new_box .link { width: 583px; margin: 0 auto;}
.new .new_box .link li { float: left; width:126px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #808080; margin:0 30px;}
.new .new_box .link li a { font-size: 16px; }
.new .new_box .link li.on { background-color: #be0303; border:none;}
.new .new_box .link li.on a { color: #fff;}
.new .new_box .new_list { padding-top: 30px;  height:264px;  overflow: hidden;}
.new .new_box .new_list .main .new_lf { width:393px; height:264px; border: 1px solid #808080; padding:5px; box-sizing: border-box;}
.new .new_box .new_list .main .new_lf img { width: 100%; height: 100%; }
.new .new_box .new_list .main .new_rt { width: 756px; }
.new .new_box .new_list .main .new_rt .tit h3 { width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 8px; }
.new .new_box .new_list .main .new_rt .tit h3 a { font-weight: bold; font-size: 16px; }
.new .new_box .new_list .main .new_rt .tit h3 a:hover { color:#be0303; }
.new .new_box .new_list .main .new_rt .tit p { color: #666; line-height:28px; height:56px; overflow: hidden; font-size: 14px; margin-bottom: 5px; }
.new .new_box .new_list .main .new_rt ul li{ float: left; width: 46%; margin: 0 2%; border-bottom: 1px dashed #ccc; line-height: 34px; height: 34px; white-space: nowrap;
  text-overflow: ellipsis; overflow: hidden; padding-left: 20px; background: url(../images/icon9.png) no-repeat left center; box-sizing: border-box; }
.new .new_box .new_list .main .new_rt ul li:hover {  border-bottom: 1px dashed #be0303;}
.new .new_box .new_list .main .new_rt ul li a { font-weight: bold; }
.new .new_box .new_list .main .new_rt ul li a:hover { color: #be0303; }

/*flink*/
.flink { padding:40px 0 20px; }
.flink .f_tit{ background: url("../images/link.png") no-repeat left center; width: 1180px; height: 43px; }

.flink ul li { float: left;  margin-right: 20px; line-height: 40px; }
.flink ul li a { color: #202020; }
.flink ul li:hover a { color:#be0303; }